<template>
  <view class="entry-pending">
    <image src="/static/images/pending.png" class="pending-img" />
    <view class="status-text">您的入驻申请正在审核中，请耐心等待。</view>
    <view class="tips">预计1-2个工作日内完成审核，审核结果将通过小程序通知。</view>
  </view>
</template>

<script setup>
import { onMounted } from 'vue'
import { useUserStore } from '@/store/user'

const userStore = useUserStore()

// 在审核中页面强制退出登录，确保用户在审核状态变更后必须重新登录
onMounted(() => {
  userStore.logout()
})
</script>

<style scoped>
.entry-pending {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  padding: 40rpx 0;
}
.pending-img {
  width: 200rpx;
  height: 200rpx;
  margin-bottom: 32rpx;
}
.status-text {
  font-size: 32rpx;
  color: #333;
  margin-bottom: 16rpx;
}
.tips {
  font-size: 26rpx;
  color: #888;
}
</style>